<template>
 <div>
     <Card dis-hover :bordered="false" class="ivu-mt">
       <Form inline class="ivu-mb-16" :label-width="100">
         <FormItem class="ivu-mb-0" label="挂号时间：">
        <DatePicker type="daterange" v-width="'100%'" :value="day" format="yyyy/MM/dd" v-model="data.date" placeholder="请选择挂号时间" element-id="date" />
        </FormItem>
         <FormItem class="ivu-mb-0" label="来院时间：">
        <DatePicker type="daterange" v-width="'100%'" :value="day" format="yyyy/MM/dd" v-model="data.date1" placeholder="请选择来院时间" element-id="date" />
        </FormItem>
        <FormItem class="ivu-mb-0" label="病种：">
        <Select style="width:100px;">
          <Option value="白癜风">白癜风</Option>
          <Option value="非白">非白</Option>
          <Option value="皮杂">皮杂</Option>
        </Select>
        </FormItem>
        </Form>
    <Table :columns="columns" :data="data" row-key="id" :loading="loading" border></Table>
     <div class="ivu-mt iuv-text-center">
            <Page :total="100" show-elevator show-sizer show-total></Page>
        </div>
        </Card>
    </div>
</template>
 <script>
    export default {
        name: 'manage',
        data () {
            return {
                day: ['2016-01-01', '2016-02-15'],
                loading: false,
                columns: [
                    {
                        title: '基本信息',
                        key: 'basic',
                        fixed: 'left',
                        width: 118
                    },
                    {
                        title: '挂号时间',
                        key: 'registerTime',
                        width: 118
                    },
                    {
                        title: '复诊次数',
                        key: 'furterNumber',
                        width: 100
                    },
                    {
                        title: '复诊占比',
                        key: 'furterPro',
                        width: 100
                    },
                    {
                        title: '上次回访时间',
                        key: 'preTime',
                        width: 125
                    },
                    {
                        title: '回访总次数',
                        key: 'visitNumber',
                        width: 118
                    },
                    {
                        title: '未到天数',
                        key: 'notYetDay',
                        width: 100
                    },
                    {
                        title: '病种',
                        key: 'disease',
                        width: 100
                    },
                    {
                        title: '预约时间',
                        key: 'makeTime',
                        width: 125
                    },
                    {
                        title: '归属医助',
                        key: 'ascription',
                        width: 100
                    },
                    {
                        title: '区间消费',
                        key: 'sectionConsumption',
                        width: 100
                    },
                    {
                        title: '总消费',
                        key: 'consumption',
                        minWidth: 90
                    }
                ],
                data: [
                    {

                    }
                ]
            }
        }
    }
</script>
